<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-title" content="">
	<meta name="format-detection" content="telephone=no">
	<title>家点幸福</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>

</head>
<body>
	<div class="view-container mgn10">
		<div class="view-inner">
			<section class="goods-main">
				<div class="swiper-container">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide">
				        	<img class="swiper-goods-list-img swiper-lazy swiper-lazy-loaded" data-index="2" src="https://ms.wrcdn.com/2018/05/26/FrvhjmGlTDmJhTK1U_JBCi-dOlLk.jpg?imageMogr2/thumbnail/640x/interlace/1">
				        </div>
				        <div class="swiper-slide">
				        	<img class="swiper-goods-list-img swiper-lazy swiper-lazy-loaded" data-index="0" src="https://ms.wrcdn.com/2018/05/26/FsPK6mdKWZmjGGRb-xZA87uQPgt3.jpg?imageMogr2/thumbnail/640x/interlace/1">
				        </div>
				        <div class="swiper-slide">
				        	<img class="swiper-goods-list-img swiper-lazy swiper-lazy-loaded" data-index="1" src="https://ms.wrcdn.com/2018/05/26/FiqNiXYM2_cU2JnqdmX3HQjM1GaD.jpg?imageMogr2/thumbnail/640x/interlace/1">
				        </div>
				    </div>
				    <!-- 如果需要分页器 -->
				    <div class="swiper-pagination"></div>
				</div>
				<div class="main-title"> <h1>    冻干红枣枸杞银耳羹 </h1> </div>
				<div class="main-price clearfix">
				   <div class="price-scope"> 
				   		<i class="price-currency">￥</i>  
				   		<span class="price-integer">59.00</span> 
				   		<del>￥<span>60.00</span></del>
				   	</div>     
				</div>
				<div class="main-adds">  
					<span>运费￥0.00</span>   
					<span style="text-align: center;">库存357</span>
				</div>
			</section>
			<div class="goods-component">
				<div class="modules-goods-info">
					<section class="goods-taber" style="margin-top: 0;">
						<div class="goods-detail"> 
							<div class="evaluate-head"> 
								<p>商品详情</p> 
							</div> 
						</div> 
						<div class="tab-content js-goods-tab-content"> 
							<div class="tab active" id="goods-info"> 
								<div class="goods-desc"> 
									<p>
										<img style="max-width: 100%; display: inline;" class="" data-original="https://ms.wrcdn.com/2018/05/26/FqtqG3x_6jc1nCLfEkQ9Bbzlohzu.jpg" src="https://ms.wrcdn.com/2018/05/26/FqtqG3x_6jc1nCLfEkQ9Bbzlohzu.jpg">
										<img style="max-width: 100%; display: inline;" class="" data-original="https://ms.wrcdn.com/2018/05/26/Fmpf4FGjnC0sbw4tUp42yf1pbCfA.jpg" src="https://ms.wrcdn.com/2018/05/26/Fmpf4FGjnC0sbw4tUp42yf1pbCfA.jpg">
										<img style="max-width: 100%; display: inline;" class="" data-original="https://ms.wrcdn.com/2018/05/26/FvLRHooSBeK3C5NhfdCGVD8Qi4_m.jpg" src="https://ms.wrcdn.com/2018/05/26/FvLRHooSBeK3C5NhfdCGVD8Qi4_m.jpg">
										<img style="max-width: 100%; display: inline;" class="" data-original="https://ms.wrcdn.com/2018/05/26/FiEgD4wxt2ZvZ7in0OntUko3o18R.jpg" src="https://ms.wrcdn.com/2018/05/26/FiEgD4wxt2ZvZ7in0OntUko3o18R.jpg">
										<img style="max-width: 100%; display: inline;" class="" data-original="https://ms.wrcdn.com/2018/05/26/FoSp1BCAE5warOPawDbcOvNpVPuZ.jpg" src="https://ms.wrcdn.com/2018/05/26/FoSp1BCAE5warOPawDbcOvNpVPuZ.jpg">
										<img style="max-width: 100%; display: inline;" class="" data-original="https://ms.wrcdn.com/2018/05/26/FqUJkvmJvYiT-fLNet4yZyjqgrtX.jpg" src="https://ms.wrcdn.com/2018/05/26/FqUJkvmJvYiT-fLNet4yZyjqgrtX.jpg">
										<img style="max-width: 100%; display: inline;" class="" data-original="https://ms.wrcdn.com/2018/05/26/FsNER4kD5_UDhudur857IeQkhkRL.jpg" src="https://ms.wrcdn.com/2018/05/26/FsNER4kD5_UDhudur857IeQkhkRL.jpg">
									</p> 
								</div> 
							</div> 
						</div>
					</section>
				</div>
			</div>
			<script>        
		  var mySwiper = new Swiper ('.swiper-container', {
		  	autoplay:{
		  		stopOnLastSlide:true,
		  		delay:3000,
		  	},
		    loop: true,
		    
		    // 如果需要分页器
		    pagination: {
		      el: '.swiper-pagination',
		    }
		  })        
		  </script>
		</div>
	</div>
	<div class="bar bottom-bar">
		<div class="seckill-actions">
			<div class="seckill-actions-time">预售倒计时：<span>100</span></div>
			<div class="seckill-actions-time" style="display: none;">开售倒计时：<span>100</span></div>
		</div>
		<div class="goods-actions seckill-actions"> 
			<a href="/" class="cell"><i class="if if-store"></i><div>首页</div></a>    <div class="cell btns-cell"> 
				<button class="btn-sm btn-cart cart js-open-cart" cart-gid="113785838" cart-type="4">加入购物车</button> 
				<button class="btn-sm btn-buy buy js-open-cart" cart-gid="113785838" cart-type="5">立即购买</button> 
			</div>        
			<a href="##" class="cell"><i class="if if-cart"></i><div>购物车</div></a>
		</div>
	</div>
	<div class="popup popup-sku remove-on-close modal-in"> 
		<div class="goods-summary"> 
			<div class="thumb">
				<img id="main-img" class="wx-preview-image" src="https://ms.wrcdn.com/2018/05/22/Fi6ChMg5SfX6Jpqcv6My0CJvHhem.jpg?imageMogr2/thumbnail/280x280">
			</div> 
			<div class="detail"> 
				<p class="title">熊本家闽南肉粽</p> 
				<div class="price-scope cart-price-num"> 
					<i class="price-currency">￥</i>   
					<span class="price-integer">74</span> 
					<span class="price-decimal">.00</span>    
				</div>
				<div class="x_stock stock"> 库存：<span class="cart-stock-num">258</span>件 </div>
			</div> 
			<div class="close-popup if if-close" data-popup=".popup-sku"></div> 
		</div> 
		<div class="popup-sku-content" style="max-height: 567px;"> 
			<div class="quantity-control clearfix"> 
				<label>购买数量</label> 
				<div class="quantity"> 
					<button class="minus cart-num-minus disabled" style="padding: 0;text-align: center;">
					<i class="if if-minis"></i></button> 
					<input type="tel" class="cart-num" name="cart-num" value="1"> 
					<button class="plus cart-num-plus" style="padding: 0;text-align: center;"><i class="if if-plus"></i></button> 
				</div>
			</div>  
			<div class="popup-options"> 
				<button type="button" class="btn btn-block btn-buy cart-buy-btn">确认</button>
			</div>
		</div>
	</div>
	<div class="popup-overlay"></div>
</body>
</html>